<template>
      <el-tabs :stretch="true" v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane style="width:100vw" label="基础信息" name="first">   </el-tab-pane>
    <el-tab-pane  style="width:100vw" label="销售达成" name="second">   </el-tab-pane>
     <basic v-if="activeName == 'first'"> </basic>
     <SalesA v-if="activeName == 'second'"></SalesA>
  </el-tabs>


</template>

<script>
// function setRem() {
//     const WIDTH = 750
//     // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改
//     const scale = document.documentElement.clientWidth / WIDTH;
//     document.documentElement.style.fontSize = scale + 'px';
// }
// setRem();
// window.onresize = setRem;
import basic from './basicInformation/index.vue'
import SalesA from './SalesA/index.vue'
export default {
   components:{
       basic,
       SalesA
   },
   data(){
       return{
           activeName:'first'
       }
   },
   created(){

   },
   methods:{
       handleClick(){
          console.log(this.activeName)
       }
   }
}
</script>

<style scoped>
/deep/.el-tabs__header{
    margin: 0 !important;
}
/deep/ .el-tabs__item{
    background: var(--el-color-bac);
}
</style>